import React, { Component } from "react";
import { Icon } from "react-vant";

export default class Record extends Component {
  //返回上一级
  goBack() {
    this.props.history.go(-1);
  }
  render() {
    return (
      <div className="record">
        <div className="header">
          <Icon
            name="arrow-left"
            size="20"
            onClick={() => {
              this.goBack();
            }}
          />
          <div>新建档案</div>
          <span></span>
        </div>
        <div className="content">
          <p>
            姓名：
            <input type="text" />
          </p>
          <p>
            性别：
            <input type="text" />
          </p>
          <p>
            年龄：
            <input type="text" />
          </p>
          <p>
            血型:
            <input type="text" />
          </p>
          <p>
            <button className="save">保存</button>
          </p>
        </div>
      </div>
    );
  }
}
